<!--
 * @name order
 * @description 组件描述
 * @author idouya
 * @email elegentfrog@163.com
 * @date 2025-07-02
 -->

<template>
  <div class="p-order common-bg common-layout">
    <page-title
      :discipline="gameInfo.discipline"
      :event="gameInfo.event"
      :match="gameInfo.match"
      :type="gameInfo.type"
      :startTime="gameInfo.startTime"
    ></page-title>
    <div class="content">
      <div class="title">
        <div class="order">序号</div>
        <div class="content-detail">
          <div class="delegation">单位</div>
          <!-- <div class="name">姓名</div>
          <div class="horseName">马名</div> -->
        </div>
      </div>
      <div class="info">
        <div class="item" v-for="(item, index) in dataList" :key="index">
          <div class="order">{{ item.order }}</div>
          <div class="item-wrap">
            <div class="item-detail">
              <div class="delegation">{{ item.delegation }}</div>
              <!-- <div class="name">{{ item.name }}</div>
              <div class="horseName">{{ item.horseName }}</div> -->
            </div>
            <img src="@/assets/img/scb/line-divide.png" alt="" height="5px" width="100%" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
import Storage from '@/assets/js/storage'
import Utils from '@/assets/js/utils'

const gameInfo = ref({
  discipline: '马术',
  match: '',
  event: 'EVENTEAM',
  type: '出场顺序',
  startTime: '13:01:29',
})

const dataList = ref([
  {
    order: 1,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 2,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 3,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 4,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 5,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 6,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 7,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
  {
    order: 8,
    delegation: '上海',
    name: '张滨',
    horseName: 'CARTOSTMELLONI',
  },
])

const { proxy } = getCurrentInstance()
const router = useRouter()
const route = useRoute()

onBeforeMount(() => {})
onMounted(() => {})
</script>

<style scoped lang="scss">
@import '@/assets/scss/scb/order';
</style>
